<!-- 申请单保存设置 -->
<template>
  <div class="save-content">
    <div class="title">申请单保存设置</div>
    <el-form inline class="rule-form" ref="form" :model="ruleForm" :rules="rules">
      <el-form-item label="放申请单服务器名称:" label-width="155px" prop="name" class="short-input">
        <el-input size="small" v-model="ruleForm.name" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item label="Adiminstratior密码:" label-width="155px" prop="password" class="short-input">
        <el-input size="small" v-model="ruleForm.password" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item label="申请单硬盘盘符:" label-width="130px" prop="panfu" class="short-input">
        <el-input size="small" v-model="ruleForm.panfu" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item label="申请单存放路径:" label-width="130px" prop="url" class="short-input">
        <el-input size="small" v-model="ruleForm.url" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item class="buttons">
        <div>
          <el-button class="floatR m-l-1" type="primary" size="small" @click="handleConfirm">保存</el-button>
        </div>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>

export default {
  name: '',
  mixins: [],
  components: {},
  data() {
    return {
      rules: {
        name: { required: true, message: '请填写放申请单服务器名称', trigger: 'blur' },
        password: { required: true, message: '请填写Adiminstratior密码', trigger: 'blur' },
        panfu: { required: true, message: '请填写申请单硬盘盘符', trigger: 'blur' },
        url: { required: true, message: '请填写申请单存放路径', trigger: 'blur' }
      },
      ruleForm: {}
    }
  },
  watch: {},
  computed: {},
  created() {

  },
  mounted() {

  },
  methods: {
    handleConfirm() {
      this.$refs.form.validate((valid) => {

      })
    }
  },
  beforeDestroy() {},
  destroyed() {},
  beforeUpdate() {},
  updated() {}
}
</script>
<style lang='scss' scoped>
.save-content{
    padding:20px;
    .title{
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
        margin-bottom: 10px;
    }
    .rule-form{
        width:340px;
        .short-input{
                width: 320px;
                margin-right: 19px!important;
                .el-input{
                    width: 200px;
                }
            }
        .buttons{
            width: 100%;
            margin-bottom: 0px;
            margin-top:10px;
            /deep/ .el-form-item__content{
                width:100%
            }
            .el-dropdown{
                color: #00c0ef;
            }
        }
        /deep/ .el-form-item__content{
            width:320px;
            .el-input__inner{
                width:320px
            }
        }
    }
}
</style>
